{\rtf1\ansi\ansicpg936\cocoartf2638
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fnil\fcharset134 PingFangSC-Regular;\f1\fnil\fcharset134 PingFangSC-Medium;\f2\fnil\fcharset134 PingFangSC-Semibold;
\f3\fnil\fcharset0 HelveticaNeue;\f4\froman\fcharset0 Times-Roman;\f5\fnil\fcharset0 HelveticaNeue-Bold;
}
{\colortbl;\red255\green255\blue255;\red251\green2\blue7;\red0\green0\blue0;\red33\green47\blue63;
\red255\green255\blue255;\red27\green31\blue34;\red251\green2\blue7;}
{\*\expandedcolortbl;;\cssrgb\c100000\c14913\c0;\cssrgb\c0\c0\c0;\cssrgb\c17255\c24314\c31373;
\cssrgb\c100000\c100000\c100000;\cssrgb\c14118\c16078\c18039;\cssrgb\c100000\c14913\c0;}
{\*\listtable{\list\listtemplateid1\listhybrid{\listlevel\levelnfc0\levelnfcn0\leveljc0\leveljcn0\levelfollow0\levelstartat1\levelspace360\levelindent0{\*\levelmarker \{decimal\}}{\leveltext\leveltemplateid1\'01\'00;}{\levelnumbers\'01;}\fi-360\li720\lin720 }{\listname ;}\listid1}}
{\*\listoverridetable{\listoverride\listid1\listoverridecount0\ls1}}
\paperw11900\paperh16840\margl1440\margr1440\vieww11500\viewh8400\viewkind0
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\f0\fs48 \cf2 Vue-router\
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\fs24 \cf0 ===============================================================================
\fs26 \cf3 \
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\f1\fs48 \cf3 $router\'ba\'cd$route
\f0\fs26 \
$router\'ca\'c7vue- router\'c8\'ab\'be\'d6\'b6\'d4\'cf\'f3\'ca\'b5\'c0\'fd\'a3\'ac\'ca\'c7router\'b9\'b9\'d4\'ec\'b7\'bd\'b7\'a8\'ca\'b5\'c0\'fd\'a3\'ac\'cf\'eb\'d2\'aa\'b5\'bc\'ba\'bd\'b5\'bd\'b2\'bb\'cd\'ac\'b5\'d8\'d6\'b7\'d3\'c3$router.push()\
$route\'ca\'c7\'b5\'b1\'c7\'b0\'b5\'c4\'c2\'b7\'d3\'c9\'d0\'c5\'cf\'a2\'a3\'ac\'b0\'fc\'c0\'a8\'b5\'b1\'c7\'b0url\'bd\'e2\'ce\'f6\'b5\'c3\'b5\'bd\'b5\'c4\'d0\'c5\'cf\'a2\'a3\'acpath name query params\
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\fs24 \cf0 ===============================================================================
\fs26 \cf3 \
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\f2\b\fs48 \cf4 \cb5 \expnd0\expndtw0\kerning0
router-link
\f0\b0 \
\pard\pardeftab720\partightenfactor0

\fs24 \cf4 \'ca\'b9\'d3\'c3\'d2\'bb\'b8\'f6\'d7\'d4\'b6\'a8\'d2\'e5\'d7\'e9\'bc\'fe
\f3 \'a0
\f4 \cf0 \cb1 router-link
\f3 \cf4 \cb5 \'a0
\f0 \'c0\'b4\'b4\'b4\'bd\'a8\'c1\'b4\'bd\'d3\'a3\'ac\'ca\'b9\'b5\'c3
\f3  Vue Router 
\f0 \'bf\'c9\'d2\'d4\'d4\'da\'b2\'bb\'d6\'d8\'d0\'c2\'bc\'d3\'d4\'d8\'d2\'b3\'c3\'e6\'b5\'c4\'c7\'e9\'bf\'f6\'cf\'c2\'b8\'fc\'b8\'c4
\f3  URL
\f0 \'a3\'ac\'b4\'a6\'c0\'ed
\f3  URL 
\f0 \'b5\'c4\'c9\'fa\'b3\'c9\'d2\'d4\'bc\'b0\'b1\'e0\'c2\'eb\'a1\'a3\
\
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
\cf0 \cb1 \kerning1\expnd0\expndtw0 ===============================================================================\cf4 \cb5 \expnd0\expndtw0\kerning0
\
\pard\pardeftab720\partightenfactor0
\cf4 a\'b1\'ea\'c7\'a9\'cc\'f8\'d7\'aa\'d2\'b3\'c3\'e6\'bb\'e1\'d6\'d8\'d4\'d8\'d2\'b3\'c3\'e6\'c2\'f0\'a3\'bf\
\'ca\'c7\'b5\'c4\'a3\'ac\'bd\'e2\'be\'f6\'b7\'bd\'b7\'a8\'a3\'ba\'d4\'dahref\'ca\'f4\'d0\'d4\'d6\'d0\'ca\'e4\'c8\'eb javascript\'a3\'bavoid\'a3\'a80\'a3\'a9\
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
\cf0 \cb1 \kerning1\expnd0\expndtw0 ===============================================================================\cf4 \cb5 \expnd0\expndtw0\kerning0
\
\pard\pardeftab720\partightenfactor0

\f2\b\fs48 \cf4 router-view
\f5\fs32\fsmilli16200 \
\pard\pardeftab720\partightenfactor0

\f4\b0\fs24 \cf0 \cb1 router-view
\f3 \cf4 \cb5 \'a0
\f0 \'bd\'ab\'cf\'d4\'ca\'be\'d3\'eb
\f3  url 
\f0 \'b6\'d4\'d3\'a6\'b5\'c4\'d7\'e9\'bc\'fe\'a1\'a3\'c4\'e3\'bf\'c9\'d2\'d4\'b0\'d1\'cb\'fc\'b7\'c5\'d4\'da\'c8\'ce\'ba\'ce\'b5\'d8\'b7\'bd\'a3\'ac\'d2\'d4\'ca\'ca\'d3\'a6\'c4\'e3\'b5\'c4\'b2\'bc\'be\'d6\'a1\'a3\
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
\cf0 \cb1 \kerning1\expnd0\expndtw0 ===============================================================================\
\pard\pardeftab720\sa320\partightenfactor0

\f5\b\fs36 \cf6 \cb5 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 vue-router hash 
\f2 \'c4\'a3\'ca\'bd\'ba\'cd
\f5  history 
\f2 \'c4\'a3\'ca\'bd\'d3\'d0\'ca\'b2\'c3\'b4\'c7\'f8\'b1\'f0\'a3\'bf
\f5 \
\pard\pardeftab720\sl264\slmult1\partightenfactor0

\f0\b0\fs24 \cf6 1.Url\'d5\'b9\'ca\'be\'c9\'cf\'a3\'bahash\'c4\'a3\'ca\'bd\'d3\'d0 #\'a3\'achistory\'c4\'a3\'ca\'bd\'c3\'bb\'d3\'d0\
2.\'cb\'a2\'d0\'c2\'d2\'b3\'c3\'e6\'ca\'b1\'a3\'achash\'c4\'a3\'ca\'bd\'bf\'c9\'d2\'d4\'d5\'fd\'b3\'a3\'bc\'d3\'d4\'d8\'b5\'bdhash\'d6\'b5\'b6\'d4\'d3\'a6\'b5\'c4\'d2\'b3\'c3\'e6\'a3\'ac\'b6\'f8history\'c3\'bb\'d3\'d0\'b4\'a6\'c0\'ed\'b5\'c4\'bb\'b0\'b7\'b5\'bb\'d8404\'a3\'ac\'d2\'bb\'b0\'e3\'d0\'e8\'d2\'aa\'ba\'f3\'b6\'cb\'bd\'ab\'cb\'f9\'d3\'d0\'d2\'b3\'c3\'e6\'d6\'d8\'b6\'a8\'cf\'f2\'b5\'bd\'ca\'d7\'d2\'b3\'c2\'b7\'d3\'c9\'a3\'bb\
3.\'bc\'e6\'c8\'dd\'d0\'d4\'a3\'achash\'bf\'c9\'d2\'d4\'d6\'a7\'b3\'d6\'b5\'cd\'b0\'e6\'b1\'be\'e4\'af\'c0\'c0\'c6\'f7\'ba\'cdie\
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0
\cf0 \cb1 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 ===============================================================================\
\pard\pardeftab720\sa320\partightenfactor0

\f5\b\fs36 \cf6 \cb5 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 vue-router hash 
\f2 \'c4\'a3\'ca\'bd\'ba\'cd
\f5  history 
\f2 \'c4\'a3\'ca\'bd\'ca\'c7\'c8\'e7\'ba\'ce\'ca\'b5\'cf\'d6\'b5\'c4\'a3\'bf
\f5 \
\pard\pardeftab720\sl264\slmult1\partightenfactor0

\f0\b0\fs28 \cf6 Hash\'c4\'a3\'ca\'bd\'a3\'ba#\'ba\'f3\'c3\'e6hash\'d6\'b5\'b5\'c4\'b1\'e4\'bb\'af\'a3\'ac\'b2\'bb\'bb\'e1\'b5\'bc\'d6\'c2\'e4\'af\'c0\'c0\'c6\'f7\'cf\'f2\'b7\'fe\'ce\'f1\'c6\'f7\'b7\'a2\'b3\'f6\'c7\'eb\'c7\'f3\'a3\'ac\'d2\'f2\'b4\'cb\'b2\'bb\'bb\'e1\'cb\'a2\'d0\'c2\'d2\'b3\'c3\'e6\'a1\'a3\'cd\'ac\'ca\'b1\'cd\'a8\'b9\'fd\'bc\'e0\'cc\'fdhashchange\'ca\'c2\'bc\'fe\'bf\'c9\'d2\'d4\'d6\'aa\'b5\'c0hash\'b7\'a2\'c9\'fa\'c1\'cb\'c4\'c4\'d0\'a9\'b1\'e4\'bb\'af\'a3\'ac\'c8\'bb\'ba\'f3\'b8\'f9\'be\'ddhash\'b1\'e4\'bb\'af\'ca\'b5\'cf\'d6\'b8\'fc\'d0\'c2\'b2\'bf\'b7\'d6\'d2\'b3\'c3\'e6\'b5\'c4\'b2\'d9\'d7\'f7\'a3\'bb\
History\'c4\'a3\'ca\'bd\'a3\'ba\'d6\'f7\'d2\'aa\'ca\'c7\'ca\'b9\'d3\'c3html5\'b7\'a2\'b2\'bc\'b5\'c4\'c1\'bd\'b8\'f6api\'a3\'acpushstate\'ba\'cdreplacestate\'a3\'bb\'d5\'e2\'c1\'bd\'b8\'f6api\'bf\'c9\'d2\'d4\'b8\'c4\'b1\'e4url\'a3\'ac\'b5\'ab\'ca\'c7\'b2\'bb\'bb\'e1\'b7\'a2\'cb\'cd\'c7\'eb\'c7\'f3\'a3\'ac\'d5\'e2\'d1\'f9\'bf\'c9\'d2\'d4\'bc\'e0\'cc\'fdurl\'c0\'b4\'ca\'b5\'cf\'d6\'b8\'fc\'d0\'c2\'b2\'bf\'b7\'d6\'d2\'b3\'c3\'e6\'c4\'da\'c8\'dd\'b5\'c4\'b2\'d9\'d7\'f7\'a3\'ac\'d0\'e8\'d2\'aa\'ba\'f3\'b6\'cb\'c5\'e4\'ba\'cf\'d6\'d8\'b6\'a8\'cf\'f2\'a1\'a3\
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\fs24 \cf0 \cb1 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 ===============================================================================\
\'b5\'bc\'ba\'bd\'ca\'d8\'ce\'c0\
\'d6\'f7\'d2\'aa\'cd\'a8\'b9\'fd\'cc\'f8\'d7\'aa\'ba\'cd\'c8\'a1\'cf\'fb\'b5\'c4\'b7\'bd\'ca\'bd\'ca\'d8\'ce\'c0\'b5\'bc\'ba\'bd\'a3\'bb\
\'c8\'ab\'be\'d6\'ca\'d8\'ce\'c0\'a3\'ba\
1.\'c8\'ab\'be\'d6\'c7\'b0\'d6\'c3\'ca\'d8\'ce\'c0\
\cf7 router.beforeEach\cf0 ((to, from,[next])=>\{\
	return false/\'d2\'bb\'b8\'f6\'c2\'b7\'d3\'c9\'b5\'d8\'d6\'b7\
\})\
2.\'c8\'ab\'be\'d6\'ba\'f3\'d6\'c3\
\cf7 Router.afterEach\cf0 ((to, from)=>\{\
\})\
3.\'c8\'ab\'be\'d6\'bd\'e2\'ce\'f6\'ca\'d8\'ce\'c0\
\cf7 router.beforeResolve\cf0 \
\'c2\'b7\'d3\'c9\'b6\'c0\'cf\'ed\'b5\'c4\'ca\'d8\'ce\'c0\
\cf7 beforeEnter\cf0 \
\'d7\'e9\'bc\'fe\'c4\'da\'b5\'c4\'ca\'d8\'ce\'c0\
\cf7 beforeRouteEnters\
beforeRouteUpdate\
beforeRouteLeave\
\pard\tx220\tx720\pardeftab720\li720\fi-720\partightenfactor0
\ls1\ilvl0
\f3 \cf6 \cb5 {\listtext	1	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'b5\'bc\'ba\'bd\'b1\'bb\'b4\'a5\'b7\'a2\'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	2	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'d4\'da\'ca\'a7\'bb\'ee\'b5\'c4\'d7\'e9\'bc\'fe\'c0\'ef\'b5\'f7\'d3\'c3\'c0\'eb\'bf\'aa\'ca\'d8\'ce\'c0\'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	3	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'b5\'f7\'d3\'c3\'c8\'ab\'be\'d6\'b5\'c4
\f3  beforeEach 
\f0 \'ca\'d8\'ce\'c0\'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	4	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'d4\'da\'d6\'d8\'d3\'c3\'b5\'c4\'d7\'e9\'bc\'fe\'c0\'ef\'b5\'f7\'d3\'c3
\f3  beforeRouteUpdate 
\f0 \'ca\'d8\'ce\'c0
\f3  (2.2+)
\f0 \'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	5	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'d4\'da\'c2\'b7\'d3\'c9\'c5\'e4\'d6\'c3\'c0\'ef\'b5\'f7\'d3\'c3
\f3  beforeEnter
\f0 \'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	6	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'bd\'e2\'ce\'f6\'d2\'ec\'b2\'bd\'c2\'b7\'d3\'c9\'d7\'e9\'bc\'fe\'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	7	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'d4\'da\'b1\'bb\'bc\'a4\'bb\'ee\'b5\'c4\'d7\'e9\'bc\'fe\'c0\'ef\'b5\'f7\'d3\'c3
\f3  beforeRouteEnter
\f0 \'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	8	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'b5\'f7\'d3\'c3\'c8\'ab\'be\'d6\'b5\'c4
\f3  beforeResolve 
\f0 \'ca\'d8\'ce\'c0
\f3  (2.5+)
\f0 \'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	9	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'b5\'bc\'ba\'bd\'b1\'bb\'c8\'b7\'c8\'cf\'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	10	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'b5\'f7\'d3\'c3\'c8\'ab\'be\'d6\'b5\'c4
\f3  afterEach 
\f0 \'b9\'b3\'d7\'d3\'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	11	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'b4\'a5\'b7\'a2
\f3  DOM 
\f0 \'b8\'fc\'d0\'c2\'a1\'a3
\f3 \cb1 \
\ls1\ilvl0\cb5 \kerning1\expnd0\expndtw0 \outl0\strokewidth0 {\listtext	12	}
\f0 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec6 \'d3\'c3\'b4\'b4\'bd\'a8\'ba\'c3\'b5\'c4\'ca\'b5\'c0\'fd\'b5\'f7\'d3\'c3
\f3  beforeRouteEnter 
\f0 \'ca\'d8\'ce\'c0\'d6\'d0\'b4\'ab\'b8\'f8
\f3  next 
\f0 \'b5\'c4\'bb\'d8\'b5\'f7\'ba\'af\'ca\'fd\'a1\'a3
\f3\fs28 \cb1 \
}